<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>知识库</title>
	<link href="https://cdn.jsdelivr.net/npm/feidao-css@latest/feidao.css" type="text/css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../css/iconfont.css">
	<link rel="stylesheet" type="text/css" href="../css/daoke.css">
</head>

<body>
	<!-- 公共头部 start -->
	<header class="header">
		<div style="display: flex;width:84%;">
			<div class="logo">
				<a>金税云付</a>
			</div>
			<!-- 头部菜单 start -->
			<div class="topmenu">
				<span class="xz-menu">系统首页</span>
				<span>个人中心</span>
				<span>项目管理</span>
				<span>考勤管理</span>
				<span>组织架构</span>
				<span>工单管理</span>
				<span>绩效考核</span>
				<span>监控统计</span>
				<span>统计报表</span>
			</div>
			<!-- 头部菜单 end -->
		</div>
		<div class="flex-c">
			<!-- 意见 start -->
			<div class="yijian">
				<i class="iconfont icon-yijian display-ib font28 vertical-a-t cursor-p ht60 l-ht60"
					style="margin-right:20px;"></i>
				<div class="infobg pos-a bg-f b-box">
					<div style="height:130px;" class=" p20 border-b-1 b-box">
						<div class="ht30 l-ht30 color-3 font16" style="border-bottom:2px solid #999">
							消息通知
						</div>
						<div style="margin-top:10px;width:250px;" class="l-ht30 font12 color-6 overflow-h">
							<span>【培训消息】</span>
							<span>今天下午五点在八楼会议今天下午五点在八楼会议</span>
						</div>
						<div class="font12 color-9">
							<span>2019-03-03</span>
							<span>16:11</span>
						</div>
					</div>
					<div class="ht50 flex-c plr20 color-theme">
						<div class="cursor-p">查看更多</div>
					</div>
				</div>
			</div>
			<!-- 意见 end -->
			<!-- 个人信息 start -->
			<div class="info ht60">
				<div class="touxiang cursor-p">
					<img src="./images/login-logo.png" alt="" style="width:100%;" class="ht40 radius50;">
				</div>
				<div style="width:60px;margin:0 5px;" class="display-ib vertical-a-t text-c font16 cursor-p">admin</div>
				<!-- 划过显示信息 start -->
				<div class="infobg pos-a bg-f b-box">
					<div style="height:130px;" class="flex-c plr20 border-b-1">
						<div style="width:90px; height:90px;" class="radius50 border-1">
							<img src="../images/login-logo.png" alt="" style="width:100%;height:90px;" class="radius50">
						</div>
						<div style="margin-left:20px;">
							<div class="color-3 font14 ht30 l-ht30">赵丽颖</div>
							<input type="button" value="个人中心" class="btn" style="width:70px;">
						</div>
					</div>
					<div class="ht50 flex-js-c plr20 color-theme">
						<div class="cursor-p">总经理信箱</div>
						<div class="cursor-p">退出登录</div>
					</div>
				</div>
				<!-- 划过显示信息 end -->
			</div>
			<!-- 个人信息 end -->
		</div>
	</header>
	<!-- 公共头部 end -->
	<div style="height: calc(100% - 60px);" class="pos-r">
		<!-- 公共左部菜单栏 start -->
		<div class="leftmenu">
			<ul>
				<li>
					<!-- 一级菜单 start -->
					<a class="onemenu hov-themef">
						<span class="flex-c">
							<i class="iconfont icon-shouye2 display-ib text-c font20" style="width:50px;"></i>
							<span class="text-l display-ib">首页</span>
						</span>
						<i class="iconfont icon-down dispaly-ib text-c font14"></i>
					</a>
					<!-- 一级菜单 end -->
					<!-- 二级菜单 start -->
					<ul class="twomenu display-">
						<li>
							<i class="iconfont icon-dingdanguanli display-ib text-c font16" style="width:30px;"></i>
							<a>订单管理</a>
						</li>
						<li><i class="iconfont icon-dingdanguanli display-ib text-c font16" style="width:30px;"></i>
							<a>工单管理</a></li>

					</ul>
					<!-- 二级菜单 end -->
				</li>
				<li>
					<a class="onemenu hov-themef">
						<span class="flex-c">
							<i class="iconfont icon-xiangmu dispaly-ib text-c font20" style="width:50px;"></i>
							<span class="text-l display-ib">常见问答</span>
						</span>
						<i class="iconfont icon-down dispaly-ib text-c font14"></i></a>
					<ul class="twomenu display-">
						<li><i class="iconfont icon-dingdanguanli display-ib text-c font16" style="width:30px;"></i>
							<a>工单管理</a></li>
						<li><i class="iconfont icon-dingdanguanli display-ib text-c font16" style="width:30px;"></i>
							<a>工单管理</a></li>
					</ul>
				</li>
			</ul>
		</div>
		<!-- 公共左部菜单栏 end -->
		<!-- 主内容 start -->
		<div class="pos-a" style="top:10px;bottom:10px;right:10px;left:220px;">
			<!-- 面包屑 start -->
			<div class="pos-a bg-f ht50 flex-c" style="left:0;right:0;top:5px;padding-left:20px;">
				<i class="iconfont icon-zhishi display-ib color-theme font20"></i>
				<span class="font14 color-theme">
					<span class="display-ib" style="padding-left:10px;">
						知识库
					</span>
				</span>
			</div>
			<!-- 面包屑 end -->
			<!-- 初始化页面 start -->
			<div class="pos-a overflow-y-a bg-f display-" style="bottom: 0;right:0;left:0;top:70px;">
				<!-- 页签 start -->
				<div class="font14" style="padding: 20px 20px 0 20px">
					<div class="flex-c b-box border-1 " style="width: 520px;">
						<div class="bg-themef flex-cc vertical-a-t cursor-p b-box "
							style="width:130px;height:30px;border-right: 1px;border-right: 1px solid #ddd;">工单知识库
						</div>
						<div class=" vertical-a-t flex-cc b-box cursor-p" style="width:130px;height:30px;">
							技术类文件
						</div>
						<div class=" vertical-a-t flex-cc b-box cursor-p" style="width:130px;height:30px;">
							商务类文件
						</div>
						<div class=" vertical-a-t flex-cc b-box cursor-p" style="width:130px;height:30px;">
							自定义知识库
						</div>
					</div>
				</div>
				<!-- 页签 end -->
				<!-- 工单知识库列表 start -->
				<div class="p20 font14 display-">
					<div class="color-3">
						<div class="flex-js-c" style="margin-top:15px;">
							<div class="flex-c">
								<div style="margin-right:15px;">
									<span>工单标题：</span>
									<input type="text" class="text">
								</div>
								<div class="radius-5 ht30 l-ht30 text-c cursor-p bg-theme display-ib" style="width:30px;" title="搜索">
									<i class="iconfont icon-sousuo color-f font16"></i>
								</div>
							</div>
						</div>
					</div>
					<!-- 表格 start -->
					<div class="display-" style="margin-top:20px;">
						<!--表头 start -->
						<div class="t_title">
							<span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:20%;">处理人
							</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:20%;">项目
								<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a display-"
									style="right: 3px;top:5px;"></i>
							</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:38%;">工单内容
								<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a display-"
									style="right: 3px;top:5px;"></i>
							</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:22%;">工单完成时间
								<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a display-"
									style="right: 3px;top:5px;"></i>
							</span>
						</div>
						<!--表头 end-->
						<!-- 表体 start -->
						<div class="t_body display-">
							<div class="tableRow">
								<span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:20%;"
									title="">张三
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-l b-box overflow-h " style="width:20%;"
									title="">8102年信息化运维
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-l b-box overflow-h" style="width:38%;"
									title="">广东省国家税务局机房十大
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:22%;"
									title="">2019-03-03
								</span>
							</div>
						</div>
						<!-- 表体 end -->
					</div>
					<!-- 表格 end -->

					<!--筛选结果为空的蒙版 start-->
					<div class="none display-">
						<i class="icon iconfont icon-wushuju display-ib text-c vertical-a-t color-theme"
							style="font-size:100px;"></i>
						<div class="font22 color-9" style="height:50px;line-height:50px;">当前筛选条件下，没有匹配的数据</div>
					</div>
					<!--筛选结果为空的蒙版 end-->
					<!--分页 start-->
					<div class="page">
						分页控件
					</div>
					<!--分页 end-->
				</div>
				<!-- 工单知识库列表 start -->
				<!-- 技术类文件列表start -->
				<div class="p20 font14 display-n">
					<div class="color-3">
						<div class="flex-js-c" style="margin-top:15px;">
							<div class="flex-c">
								<div style="margin-right:15px;">
									<span>工单标题：</span>
									<input type="text" class="text">
								</div>
								<div class="radius-5 ht30 l-ht30 text-c cursor-p bg-theme display-ib" style="width:30px;" title="搜索">
									<i class="iconfont icon-sousuo color-f font16"></i>
								</div>
							</div>
							<div>
								<div class="display-ib fr">
									<input type="button" class="btn" value="删除" style="width:60px;">
									<input type="button" class="btn" value="新增文件" style="width:100px;margin-left: 50px;">
								</div>
							</div>
						</div>
					</div>
					<!-- 表格 start -->
					<div class="display-" style="margin-top:20px;">
						<!--表头 start -->
						<div class="t_title">
							<span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:8%;"><input type="checkbox">
							</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:36%;">文件名称
								<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a display-"
									style="right: 3px;top:5px;"></i>
							</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:36%;">文件说明
								<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a display-"
									style="right: 3px;top:5px;"></i>
							</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:20%;">创建时间
								<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a display-"
									style="right: 3px;top:5px;"></i>
							</span>
						</div>
						<!--表头 end-->
						<!-- 表体 start -->
						<div class="t_body display-">
							<div class="tableRow">
								<span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:8%;"
									title=""><input type="checkbox">
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-l b-box overflow-h " style="width:36%;"
									title="">8102年信息化运维
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-l b-box overflow-h" style="width:36%;"
									title="">广东省国家税务局机房十大
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:20%;"
									title="">2019-03-03
								</span>
							</div>
						</div>
						<!-- 表体 end -->
					</div>
					<!-- 表格 end -->

					<!--筛选结果为空的蒙版 start-->
					<div class="none display-">
						<i class="icon iconfont icon-wushuju display-ib text-c vertical-a-t color-theme"
							style="font-size:100px;"></i>
						<div class="font22 color-9" style="height:50px;line-height:50px;">当前筛选条件下，没有匹配的数据</div>
					</div>
					<!--筛选结果为空的蒙版 end-->
					<!--分页 start-->
					<div class="page">
						分页控件
					</div>
					<!--分页 end-->
				</div>
				<!-- 技术类文件列表start -->
				<!-- 商务类文件列表 start -->
				<div class="p20 font14 display-n">
					<div class="color-3">
						<div class="flex-js-c" style="margin-top:15px;">
							<div class="flex-c">
								<div style="margin-right:15px;">
									<span>工单标题：</span>
									<input type="text" class="text">
								</div>
								<div class="radius-5 ht30 l-ht30 text-c cursor-p bg-theme display-ib" style="width:30px;" title="搜索">
									<i class="iconfont icon-sousuo color-f font16"></i>
								</div>
							</div>
							<div>
								<div class="display-ib fr">
									<input type="button" class="btn" value="删除" style="width:60px;">
									<input type="button" class="btn" value="新增文件" style="width:100px;margin-left: 50px;">
								</div>
							</div>
						</div>
					</div>
					<!-- 表格 start -->
					<div class="display-" style="margin-top:20px;">
						<!--表头 start -->
						<div class="t_title">
							<span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:8%;"><input type="checkbox">
							</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:36%;">文件名称
								<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a display-"
									style="right: 3px;top:5px;"></i>
							</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:36%;">文件说明
								<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a display-"
									style="right: 3px;top:5px;"></i>
							</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:20%;">创建时间
								<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a display-"
									style="right: 3px;top:5px;"></i>
							</span>
						</div>
						<!--表头 end-->
						<!-- 表体 start -->
						<div class="t_body display-">
							<div class="tableRow">
								<span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:8%;"
									title=""><input type="checkbox">
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-l b-box overflow-h " style="width:36%;"
									title="">8102年信息化运维
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-l b-box overflow-h" style="width:36%;"
									title="">广东省国家税务局机房十大
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:20%;"
									title="">2019-03-03
								</span>
							</div>
						</div>
						<!-- 表体 end -->
					</div>
					<!-- 表格 end -->

					<!--筛选结果为空的蒙版 start-->
					<div class="none display-">
						<i class="icon iconfont icon-wushuju display-ib text-c vertical-a-t color-theme"
							style="font-size:100px;"></i>
						<div class="font22 color-9" style="height:50px;line-height:50px;">当前筛选条件下，没有匹配的数据</div>
					</div>
					<!--筛选结果为空的蒙版 end-->
					<!--分页 start-->
					<div class="page">
						分页控件
					</div>
					<!--分页 end-->
				</div>
				<!-- 商务类文件列表 start -->
				<!-- 自定义知识库列表 start -->
				<div class="p20 font14 display-n">
					<div class="color-3">
						<div class="flex-js-c" style="margin-top:15px;">
							<div class="flex-c">
								<div style="margin-right:15px;">
									<span>工单标题：</span>
									<input type="text" class="text">
								</div>
								<div class="radius-5 ht30 l-ht30 text-c cursor-p bg-theme display-ib" style="width:30px;" title="搜索">
									<i class="iconfont icon-sousuo color-f font16"></i>
								</div>
							</div>
						</div>
					</div>
					<!-- 表格 start -->
					<div class="display-" style="margin-top:20px;">
						<!--表头 start -->
						<div class="t_title">
							<span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:20%;">处理人
							</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:20%;">项目
								<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a display-"
									style="right: 3px;top:5px;"></i>
							</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:38%;">工单内容
								<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a display-"
									style="right: 3px;top:5px;"></i>
							</span><span class="display-ib p5 border-r-1 text-c b-box pos-r" style="width:22%;">工单完成时间
								<i class="iconfont cursor-p icon-shangxia color-3 font14 pos-a display-"
									style="right: 3px;top:5px;"></i>
							</span>
						</div>
						<!--表头 end-->
						<!-- 表体 start -->
						<div class="t_body display-">
							<div class="tableRow">
								<span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:20%;"
									title="">张三
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-l b-box overflow-h " style="width:20%;"
									title="">8102年信息化运维
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-l b-box overflow-h" style="width:38%;"
									title="">广东省国家税务局机房十大
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:22%;"
									title="">2019-03-03
								</span>
							</div>
						</div>
						<!-- 表体 end -->
					</div>
					<!-- 表格 end -->

					<!--筛选结果为空的蒙版 start-->
					<div class="none display-">
						<i class="icon iconfont icon-wushuju display-ib text-c vertical-a-t color-theme"
							style="font-size:100px;"></i>
						<div class="font22 color-9" style="height:50px;line-height:50px;">当前筛选条件下，没有匹配的数据</div>
					</div>
					<!--筛选结果为空的蒙版 end-->
					<!--分页 start-->
					<div class="page">
						分页控件
					</div>
					<!--分页 end-->
				</div>
				<!-- 自定义知识库列表 start -->
			</div>
			<!-- 初始化页面 end -->


			<!-- 工单知识库详情 start -->
			<div class="pos-a overflow-y-a bg-f display-n" style="bottom: 0;right:0;left:0;top:70px;">
				<div class=" font14">
					<div class="ht50 flex-c b-box font12 color-6" style="border-bottom: 1px solid #eeeeee;padding:0 20px;">
						<div class="cursor-p font12 color-6 flex-c" style="width:60px;height: 50px;">
							<i class="iconfont icon-fanhui color-theme font22 vertical-a-m"></i>
							<span class="vertical-a-m" style="margin-left: 3px;">返回</span>
						</div>
						<div class="cursor-p font12 color-6 flex-c" style="width:60px;height: 50px;">
							<i class="iconfont icon-save color-theme font22 vertical-a-m"></i>
							<span class="vertical-a-m" style="margin-left: 3px;">保存</span>
						</div>
					</div>
					<div class="p20 border-b-1">
						<div class="font16 color-3" style="padding-left: 10px;border-left: 3px solid #3283fc;height: 28px;">
							<span class="font-b dispaly-ib" style="height: 28px;vertical-align: middle;">工单信息详情</span>
						</div>
						<div class="font12 color-6" style="padding-top: 20px;">
							<div class="flex-c" style="padding-bottom:20px;">
								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>所属项目：</span>
									<div class="display-ib overflow-h" style="width:190px;">
										<span>2018年信息化运维(子项目二:安放专业)</span>
									</div>
								</div>
								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>资产名称：</span>
									<div class="display-ib" style="width:190px;">
										<span>电脑</span>
									</div>
								</div>
								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>资产位置：</span>
									<div class="display-ib" style="width:120px;">
										<span>华程学院B座2楼</span>
									</div>
								</div>
							</div>
							<div class="flex-c" style="padding-bottom:20px;">

								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>工单时长：</span>
									<div class="display-ib" style="width:190px;">
										<span>60分钟</span>
									</div>
								</div>
								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>客户名称：</span>
									<div class="display-ib" style="width:190px;">
										<span>张三</span>
									</div>
								</div>
								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>客户电话：</span>
									<div class="display-ib" style="width:190px;">
										<span>888888888</span>
									</div>
								</div>

							</div>
							<div class="flex-c" style="padding-bottom:20px;">

								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>提醒时间：</span>
									<div class="display-ib" style="width:190px;">
										<span>20分钟</span>
									</div>
								</div>
								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>工单状态：</span>
									<div class="display-ib" style="width:190px;">
										<span>超时完成</span>
									</div>
								</div>
								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>工单来源：</span>
									<div class="display-ib" style="width:190px;">
										<span>总服务台</span>
									</div>
								</div>

							</div>
							<div class="flex-c" style="padding-bottom:20px;">

								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>处理人：</span>
									<div class="display-ib" style="width:190px;">
										<span>李四</span>
									</div>
								</div>
								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>工单类型：</span>
									<div class="display-ib" style="width:190px;">
										<span>硬件</span>
									</div>
								</div>
								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>创建时间：</span>
									<div class="display-ib" style="width:190px;">
										<span>2019-7-11 09:56:02</span>
									</div>
								</div>

							</div>
							<div class="flex-c" style="padding-bottom:20px;">

								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>开始时间：</span>
									<div class="display-ib" style="width:190px;">
										<span>2019-7-11 09:56:29</span>
									</div>
								</div>
								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>结束时间：</span>
									<div class="display-ib" style="width:190px;">
										<span>2019-7-11 09:56:44</span>
									</div>
								</div>
								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>完成时间：</span>
									<div class="display-ib" style="width:190px;">
										<span>2019-7-11 09:56:57</span>
									</div>
								</div>

							</div>
							<div class="flex-c" style="padding-bottom:20px;">

								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>超时时长：</span>
									<div class="display-ib" style="width:190px;">
										<span>20分钟</span>
									</div>
								</div>
								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>工单内容：</span>
									<div class="display-ib" style="width:190px;">
										<span>服务器宕机</span>
									</div>
								</div>
								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>语音：</span>
									<div class="display-ib" style="width:190px;">
										<span>8s</span>
										<i class="iconfont icon-yuyin display-ib font28 vertical-a-m cursor-p"></i>
									</div>

								</div>
							</div>
							<div class="flex-c" style="padding-bottom:20px;">

								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>视频：</span>
									<div class="display-ib" style="width:190px;">
										<i class="iconfont icon-bofang display-ib font28 vertical-a-m cursor-p"></i>
									</div>
								</div>
								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>创建人：</span>
									<div class="display-ib" style="width:190px;">
										<span>张三</span>
									</div>
								</div>
								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span></span>
									<div class="display-ib" style="width:190px;">
										<span></span>
									</div>
								</div>

							</div>
							<div class="flex-c" style="padding-bottom:20px;">
								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>附件：</span>
									<div class="display-ib" style="width:190px;">
										<span class="color-theme cursor-p">xx.png</span>
									</div>
								</div>

							</div>
						</div>
					</div>
					<div class="p20 border-b-1">
						<div class="font16 color-3" style="padding-left: 10px;border-left: 3px solid #3283fc;height: 28px;">
							<span class="font-b dispaly-ib" style="height: 28px;vertical-align: middle;">工单处理结果</span>
						</div>
						<div class="font12 color-6" style="padding-top: 20px;">
							<div class="flex-c" style="padding-bottom:20px;">
								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>客户满意度：</span>
									<div class="display-ib overflow-h" style="width:190px;">
										<span>满意</span>
									</div>
								</div>
								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>客户评价：</span>
									<div class="display-ib" style="width:190px;">
										<span>满意</span>
									</div>
								</div>
								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>客户签名：</span>
									<div class="display-ib" style="width:120px;height: 60px;">
										<img src="../images/bg.png" alt="" style="width: 100% ;height:60px;">
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="p20 border-b-1">
						<div class="font16 color-3" style="padding-left: 10px;border-left: 3px solid #3283fc;height: 28px;">
							<span class="font-b dispaly-ib" style="height: 28px;vertical-align: middle;">回访结果</span>
						</div>
						<div class="font12 color-6" style="padding-top: 20px;">
							<div class="flex-c" style="padding-bottom:20px;">
								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>客户满意度：</span>
									<div class="display-ib overflow-h" style="width:190px;">
										<span>非常满意</span>
									</div>
								</div>
								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>回访结果：</span>
									<div class="display-ib" style="width:190px;">
										<span>客户非常满意</span>
									</div>
								</div>
								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>回访人：</span>
									<div class="display-ib" style="width:120px;">
										<span>张三</span>
									</div>
								</div>
							</div>
							<div class="flex-c" style="padding-bottom:20px;">
								<div class="flex-c">
									<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>附件：</span>
									<div class="display-ib overflow-h" style="width:190px;">
										<span class="color-theme cursor-p">xx.png</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 工单知识库详情 end -->

			<!-- 技术类、商务类、自定义知识库的详情页面 start -->
			<div class="pos-a overflow-y-a bg-f display-n" style="bottom: 0;right:0;left:0;top:70px;">
				<div class=" font14">
					<div class="ht50 flex-c b-box font12 color-6" style="border-bottom: 1px solid #eeeeee;padding:0 20px;">
						<div class="cursor-p font12 color-6 flex-c" style="width:60px;height: 50px;">
							<i class="iconfont icon-fanhui color-theme font22 vertical-a-m"></i>
							<span class="vertical-a-m" style="margin-left: 3px;">返回</span>
						</div>
						<div class="cursor-p font12 color-6 flex-c" style="width:60px;height: 50px;">
							<i class="iconfont icon-xiugai color-theme font22 vertical-a-m"></i>
							<span class="vertical-a-m" style="margin-left: 3px;">编辑</span>
						</div>
					</div>
					<div class="p20 ">
						<div class="font12 color-6" style="padding-top: 20px;">
							<div style="padding-bottom:20px;">
								<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>名称：</span>
								<div class="display-ib">
									<span>技术类文件</span>
								</div>
							</div>
							<div style="padding-bottom:20px;">
								<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>说明：</span>
								<div style="width: 80%" class="display-ib vertical-a-t">
									<span>文字，是一个汉语词汇，拼音为wén zì，基本意思是记录思想、交流思想或承载语言的图像或符号。该词出自《史记·秦始皇本纪》：“一法度衡石丈尺，车同轨，书同文字。”</span>
								</div>
							</div>
							<div style="padding-bottom:20px;">
								<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>附件：</span>
								<div class="display-ib">
									<span class="border-1 color-theme cursor-p" style="border-radius: 5px ;padding:5px">**.png</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 技术类、商务类、自定义知识库的详情页面 end -->

			<!-- 详情按钮点击编辑后，编辑按钮更换为保存按钮，变为可编辑状态 start -->
			<div class="pos-a overflow-y-a bg-f display-n" style="bottom: 0;right:0;left:0;top:70px;">
				<div class=" font14">
					<div class="ht50 flex-c b-box font12 color-6" style="border-bottom: 1px solid #eeeeee;padding:0 20px;">
						<div class="cursor-p font12 color-6 flex-c" style="width:60px;height: 50px;">
							<i class="iconfont icon-fanhui color-theme font22 vertical-a-m"></i>
							<span class="vertical-a-m" style="margin-left: 3px;">返回</span>
						</div>
						<div class="cursor-p font12 color-6 flex-c" style="width:60px;height: 50px;">
							<i class="iconfont icon-save color-theme font22 vertical-a-m"></i>
							<span class="vertical-a-m" style="margin-left: 3px;">保存</span>
						</div>
					</div>
					<div class="p20 ">
						<div class="font12 color-6" style="padding-top: 20px;">
							<div style="padding-bottom:20px;">
								<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>名称：</span>
								<div class="display-ib">
									<input type="text" class="text">
								</div>
							</div>
							<div style="padding-bottom:20px;">
								<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>说明：</span>
								<div style="width: 80%" class="display-ib vertical-a-t">
									<textarea class="textarea" name="" id="" cols="100" rows="10"></textarea>
								</div>
							</div>
							<div style="padding-bottom:20px;">
								<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>附件：</span>
								<div class="pos-r display-ib" style="margin-right: 10px;">
									<span class="border-1 color-theme cursor-p"
										style="border-radius: 5px ;padding:5px 20px 5px 5px">**.png </span>
									<i class="pos-a iconfont icon-guanbi display-ib font18 cursor-p" style="right: 0px;bottom: -5px;"></i>
								</div>
								<div class="pos-r display-ib" style="margin-right: 10px;">
									<span class="border-1 color-theme cursor-p"
										style="border-radius: 5px ;padding:5px 20px 5px 5px">**.png </span>
									<i class="pos-a iconfont icon-guanbi display-ib font18 cursor-p" style="right: 0px;bottom: -5px;"></i>
								</div>
								<div class="display-ib">
									<span class="border-1 cursor-p" style="border-radius: 5px ;padding:5px">上传附件</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 详情按钮点击编辑后，编辑按钮更换为保存按钮，变为可编辑状态 end -->

			<!-- 新增技术类、商务类、自定义知识库页面 start -->
			<div class="pos-a overflow-y-a bg-f display-n" style="bottom: 0;right:0;left:0;top:70px;">
				<div class=" font14">
					<div class="ht50 flex-c b-box font12 color-6" style="border-bottom: 1px solid #eeeeee;padding:0 20px;">
						<div class="cursor-p font12 color-6 flex-c" style="width:60px;height: 50px;">
							<i class="iconfont icon-fanhui color-theme font22 vertical-a-m"></i>
							<span class="vertical-a-m" style="margin-left: 3px;">返回</span>
						</div>
						<div class="cursor-p font12 color-6 flex-c" style="width:60px;height: 50px;">
							<i class="iconfont icon-save color-theme font22 vertical-a-m"></i>
							<span class="vertical-a-m" style="margin-left: 3px;">保存</span>
						</div>
					</div>
					<div class="p20">
						<div class="font12 color-6" style="padding-top: 20px;">
							<div style="padding-bottom:20px;">
								<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>名称：</span>
								<div class="display-ib">
									<input type="text" class="text">
								</div>
							</div>
							<div style="padding-bottom:20px;">
								<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>说明：</span>
								<div style="width: 80%" class="display-ib vertical-a-t">
									<textarea class="textarea" name="" id="" cols="100" rows="10"></textarea>
								</div>
							</div>
							<div style="padding-bottom:20px;">
								<span class="display-ib text-r" style="width: 107px;"><span style="color: red"></span>附件：</span>
								<div class="pos-r display-ib" style="margin-right: 10px;">
									<span class="border-1 color-theme cursor-p"
										style="border-radius: 5px ;padding:5px 20px 5px 5px">**.png </span>
									<i class="pos-a iconfont icon-guanbi display-ib font18 cursor-p" style="right: 0px;bottom: -5px;"></i>
								</div>
								<div class="pos-r display-ib" style="margin-right: 10px;">
									<span class="border-1 color-theme cursor-p"
										style="border-radius: 5px ;padding:5px 20px 5px 5px">**.png </span>
									<i class="pos-a iconfont icon-guanbi display-ib font18 cursor-p" style="right: 0px;bottom: -5px;"></i>
								</div>
								<div class="display-ib">
									<span class="border-1 cursor-p" style="border-radius: 5px ;padding:5px">上传附件</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 新增技术类、商务类、自定义知识库页面 end -->

		</div>
		<!-- 主内容 end -->
	</div>
</body>

</html>